<!DOCTYPE html>
<html lang = "en">
    <head>
        <title>v-if</title>
    </head>

    <body>

        <div id = "app">
            <input type = "button" value = "切换显示" @click = "toggleIsShow">
            <p v-if = "isShow">白马程序方</p>
        </div>

        <!-- 开发环境版本，包含了有帮助的命令行警告 -->
        <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
        
        
        <script>
            var app = new Vue ({
                el:"#app",
                data: {
                    isShow:false
                },
                methods: {
                    toggleIsShow:function () {
                        this.isShow = !this.isShow;
                    }
                }
            })
        </script>

    </body>
</html>